<div class="modal-header">
  <span>{{ modalHeader }}</span>
  <button class="close" aria-label="Close" (click)="closeModal()">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
<div class="modal-body">
  <form>
    <nb-card>
      <nb-card-body>
        <div class="row">
          <div class="col-sm-6">
            <div class="form-group">
              <label for="title">标题</label>
              <input type="text" class="form-control" id="title" name="title" placeholder="标题" [(ngModel)]="course.title">
            </div>
          </div>
          <div class="col-sm-6">
            <div class="form-group">
              <label for="ctype">课程分类</label>
              <input type="text" class="form-control" id="ctype" name="ctype" placeholder="课程分类" [(ngModel)]="course.ctype">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6">
            <div class="form-group">
              <label for="userId">发布人</label>
              <select class="form-control" [(ngModel)]="course.userId" name="userId">
                <option *ngFor="let option of userList" [value]="option.id">{{option.userName}}</option>
              </select>
            </div>
          </div>
          <div class="col-sm-6" *ngIf="isEdit">
            <div class="form-group">
              <label for="status">状态</label>
              <select class="form-control" [(ngModel)]="course.status" name="status">
                <option *ngFor="let option of statusType" [value]="option.name">{{option.val}}</option>
              </select>
            </div>
          </div>
        </div>
        <!-- <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="remark">备注</label>
                            <input type="text" class="form-control" id="remark" name="remark" placeholder="备注" [(ngModel)]="course.remark">
                        </div>
                    </div> 
                    <div class="col-sm-6" *ngIf="isEdit">
                        <div class="form-group">
                            <label for="status">状态</label>
                            <select class="form-control" [(ngModel)]="course.status" name="status">
                                <option *ngFor="let option of statusType" [value]="option.name">{{option.val}}</option>
                            </select>
                        </div>
                    </div>
                </div> -->
      </nb-card-body>
    </nb-card>
    <nb-card>
      <nb-card-header>
        课程描述
      </nb-card-header>
      <nb-card-body>
        <ngx-froala #outline elementId="outline" (froala)="froalaContent($event)"></ngx-froala>
      </nb-card-body>
    </nb-card>
  </form>
</div>
<div class="modal-footer">
  <button class="btn btn-md" (click)="closeModal()">取消</button>
  <button class="btn btn-md btn-primary" (click)="saveData()">保存</button>
</div>